page {
    font-family: 'alifont';
}

// 自定义navbar
.van-nav-bar {
    background: linear-gradient(to right, #4146E4, #8377FB);

    .van-nav-bar__title {
        font-size: 34rpx;
        color: #FFFFFF;
    }
}

.backicon {
    width: 45rpx;
    height: 45rpx;
}

.orderdetailmain {
    .copybtn {
        width: 200rpx;
        height: 50rpx;
        border-radius: 20rpx;
        border: 1px solid #EEEEEE;
        display: flex;
        justify-content: center;
        align-items: center;
        float: right;
    }

    .order_container {
        width: 689rpx;
        margin: 0 auto;

        .orderdetail {
            margin-top: 80rpx;
            padding-bottom: 60rpx;
            border-bottom: 1px dashed #EEEEEE;

            .ordertop {
                display: flex;

                .orderimg {
                    image {
                        width: 161rpx;
                        height: 161rpx;
                    }
                }

                .orderinfo {
                    width: 470rpx;
                    margin-left: 35rpx;


                    :nth-child(1) {
                        font-size: 28rpx;
                        color: #333333;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }

                    :nth-child(2) {
                        font-size: 24rpx;
                        color: #999999;
                        margin-top: 25rpx;
                    }
                }
            }

            .orderother {
                margin-top: 80rpx;
                font-size: 24rpx;
                line-height: 40rpx;
                color: #333333;

                .word {
                    line-height: 48rpx;

                    .title {
                        color: #999;
                    }
                }

            }
        }

        .addressinfo {
            margin-top: 43rpx;

            .titletop {
                display: flex;
                justify-content: space-between;

                :nth-child(1) {
                    font-size: 30rpx;
                    color: #333333;

                }

                :nth-child(2) {
                    font-size: 28rpx;
                    color: #4A3CBC;
                }
            }

            .addresstitle {
                margin-top: 10rpx;

                .addressitem {
                    font-size: 24rpx;
                    color: #333333;
                    line-height: 50rpx;

                    .title {
                        color: #999999;
                    }
                }
            }
        }

        .btnbox {
            display: flex;
            justify-content: flex-end;
            margin-top: 195rpx;

            .wuliubtn {
                font-size: 28rpx;
                width: 174rpx;
                height: 52rpx;
                border: 2rpx solid #D1D1D1;
                border-radius: 34rpx;
                display: flex;
                justify-content: center;
                align-items: center;
                margin-left: 16rpx;
            }

            .changebtn {
                margin-left: 16rpx;

                image {
                    width: 180rpx;
                    height: 59rpx;
                }
            }
        }
    }
}